@charset "utf-8";
/* 2020 07 10 */
body{background: #F5F8FA;}
.mar-r8{margin-right: .32rem;}
/* title */
.idx-title{font-size: .8rem;color: #333;line-height: 1;font-weight: bold;}
/* header */
.idx-header{overflow-x: hidden;}
.idx-header-top,.idx-header-ask ul,.idx-header-ask:after,.idx-header-bottom{background: #0071D1;}
.idx-header-ask,.idx-header-bottom{margin-top: -1px;}
.idx-header-top{height: 4.5rem;}
.header-logo{height: 1.78rem;padding: .4rem .96rem;}
.header-logo .logo{margin-right: .48rem;}
.header-logo .logo img{display: block; height: .96rem;}
.header-logo .logo-text{font-size: .64rem;color: #fff;}
.search-wrap{position: absolute;bottom: .64rem;left: .96rem;right: .96rem;}
.search-wrap .search{width: 100%;height: 1.6rem;background: rgba(0,0,0,.1);border-radius:1.6rem;padding: 0 .8rem; font-size: .48rem;color: rgba(255,255,255,.5);}
.icon-magnifier{width: .6rem;height: .6rem;margin-right: .2rem; background-position: left bottom; }
.idx-header-ask{padding-bottom: 1.12rem;}
.idx-header-ask ul{padding: 0 .64rem;position: relative;z-index: 1;}
.idx-header-ask li{padding: 0 .32rem;}
.ask-link{display: block;}
.ask-link dl{height: 2.88rem;background: #fff;border-radius: .32rem;}
.ask-link .ask-icon{width: 1.12rem;height: 1.12rem;margin-right: .32rem;}
.ask-link .ask-title{font-size: .72rem;color: #364D64;font-weight: normal;line-height: 1.4;}
.ask-link .ask-text{font-size: .48rem;color: #999;line-height: 1.4;}
.ask-link .fontcol-1{color: #FFB02A;}
.ask-fast .ask-icon{background-position: center 0;}
.ask-expert .ask-icon{background-position: center -2rem;}
.idx-header-ask:after{ content: ' '; position: absolute; bottom: 0; left: -10%; right: -10%; height: 2.8rem; border-radius: 0 0 50% 50%;}
/*.header fix */
.idx-header-fix{position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 101;/*height: 8.48rem;*/}
.con-fixtop{padding-top: 8.48rem;}
.idx-header-fixtop.idx-header-top{height: 2rem; }
.idx-header-fixtop .search-wrap .search{height: 1.28rem;}
.idx-header-fixtop .search-wrap {bottom: .48rem;left: 4.12rem;}
.idx-header-fixtop .logo-text{display: none;}

.idx-header-fixtop.idx-header-ask{ padding-bottom: .6rem;}
.idx-header-fixtop.idx-header-ask:after{ height: 1.8rem;}
.idx-header-fixtop ul{ padding: 0 1.2rem;}
.idx-header-fixtop li{padding: 0 .4rem; }
.idx-header-fixtop .ask-link dl{opacity: .9;height: 1.76rem;}
.idx-header-fixtop .ask-link dl dt{display: none;}
.idx-header-fixtop .ask-link dl dd .ask-text{display: none;}

/* animation down */
.idx-header-fixtop .search-wrap{
	-webkit-transform-origin:  center center;
	transform-origin: center center;
	-webkit-animation: idxAnima02 .3s both ease-out;
	animation: idxAnima02 .3s both ease-out;
}
@-webkit-keyframes idxAnima02 {
	0%{ opacity: 0;}
	100%{ opacity: 1;}
}
@keyframes idxAnima02 {
	0%{ opacity: 0;}
	100%{ opacity: 1;}
}
.idx-header-fixtop .logo-text{
	-webkit-transform-origin:  center center;
	transform-origin: center center;
	-webkit-animation: idxAnima01 .3s both ease-out;
	animation: idxAnima01 .3s both ease-out;
}
@-webkit-keyframes idxAnima01 {
	0%{opacity: 1;display: block;}
	100%{opacity: 0;display: none;}
}
@keyframes idxAnima01 {
	0%{opacity: 1;display: block;}
	100%{opacity: 0;display: none;}
}
/*.idx-header-fixtop .ask-link dl{
	-webkit-transform-origin:  center center;
	transform-origin: center center;
	-webkit-animation: idxAnima03 .3s both ease-out;
	animation: idxAnima03 .3s both ease-out;
}
@-webkit-keyframes idxAnima03 {
	0%{height: 2.88rem;}
	100%{height: 1.76rem;}
}
@keyframes idxAnima03 {
	0%{height: 2.88rem;}
	100%{height: 1.76rem;}
}
.idx-header-fixtop.idx-header-top{
	-webkit-transform-origin:  center center;
	transform-origin: center center;
	-webkit-animation: idxAnima04 .3s both ease-out;
	animation: idxAnima04 .3s both ease-out;
}
@-webkit-keyframes idxAnima04 {
	0%{height: 4.5rem;}
	100%{ height: 2rem;}
}
@keyframes idxAnima04 {
	0%{height: 4.5rem;}
	100%{ height: 2rem;}
}*/

/* animation up */
.idx-header-fixtop-up .search-wrap{
	-webkit-transform-origin:  center center;
	transform-origin: center center;
	-webkit-animation: idxAnima02up .3s both ease-out;
	animation: idxAnima02up .3s both ease-out;
}
@-webkit-keyframes idxAnima02up {
	0%{ opacity: 0;}
}
@keyframes idxAnima02up {
	0%{ opacity: 0;}
	100%{ opacity: 1;}
}
.idx-header-fixtop-up .logo-text{
	-webkit-transform-origin:  center center;
	transform-origin: center center;
	-webkit-animation: idxAnima01up .3s both ease-out;
	animation: idxAnima01up .3s both ease-out;
}
@-webkit-keyframes idxAnima01up {
	0%{opacity: 0;display: none;}
	100%{opacity: 1;display: block;}
}
@keyframes idxAnima01up {
	0%{opacity: 0;display: none;}
	100%{opacity: 1;display: block;}
}
/*.idx-header-fixtop-up .ask-link dl{
	-webkit-transform-origin:  center center;
	transform-origin: center center;
	-webkit-animation: idxAnima03up .3s both ease-out;
	animation: idxAnima03up .3s both ease-out;
}
@-webkit-keyframes idxAnima03up {
	0%{height: 1.76rem;}
	100%{height: 2.88rem;}
}
@keyframes idxAnima03up {
	0%{height: 1.76rem;}
	100%{height: 2.88rem;}
}
.idx-header-fixtop-up.idx-header-top{
	-webkit-transform-origin:  center center;
	transform-origin: center center;
	-webkit-animation: idxAnima04up .3s both ease-out;
	animation: idxAnima04up .3s both ease-out;
}
@-webkit-keyframes idxAnima04up {
	0%{ height: 2rem;}
	100%{height: 4.5rem;}
}
@keyframes idxAnima04up {
	0%{ height: 2rem;}
	100%{height: 4.5rem;}
}*/

/* hot */
.idx-hot-wrap{padding: .48rem;}
.idx-hot-in{padding: .96rem 0;background: #fff;border-radius: .32rem;box-shadow: 0 .16rem .64rem 0 rgba(0, 137, 228, 0.1);}
.idx-hot-link{display: block;text-align: center;font-size: .56rem;color: #666;}
.idx-hot-link .idx-hot-title{font-size: .56rem;color: #666;line-height: 1;}
.idx-hot-link .idx-hot-icon{width: 1.92rem;height: 1.92rem;margin: 0 auto .32rem;}
.idx-hot-link .idx-hot-icon img{display: block;width: 100%;height: 100%;}
/* health */
.idx-health-wrap{padding: 0 .32rem .48rem;}
.idx-health-in li{margin: 0 .16rem; background: #fff;border-radius: .32rem;box-shadow: 0 .16rem .64rem 0 rgba(0, 137, 228, 0.1);}
.idx-health-link{position: relative;display: block;padding: .64rem .4rem 1rem;}
.idx-health-link .idx-health-title{font-size: .64rem;color: #333;line-height: 1.25;margin-bottom: .2rem;}
.idx-health-link .idx-health-text{font-size: .48rem;color: #999;line-height: .56rem;}
.idx-health-link .idx-health-icon{position: absolute;bottom: .32rem;right: .32rem; width: .8rem;height: .8rem;}
/* dept */
.idx-dept-wrap{margin: 0 .48rem .48rem; background: #fff;border-radius: .32rem;box-shadow: 0 .16rem .64rem 0 rgba(0, 137, 228, 0.1);}
.idx-dept-top{padding: .8rem .48rem;}
.idx-dept-top .idx-dept-more{position: relative; font-size: .56rem;color: #0089E4;line-height: 1;margin-left: .4rem;padding-right: .64rem;}
.idx-dept-top .idx-dept-more:after,.go-my-follow:after{content: " ";position: absolute;top: 50%;right: 0; width: .56rem;height: .56rem;margin-top: -.32rem; background-position: right bottom;}

.dn-list{padding: 0 .32rem .12rem;}
.dn-list ul li{padding: 0 .16rem .32rem;}
.dn-list ul li .dn-li-in{display: block; padding: .44rem 0;width: 2.96rem;height: 2.96rem;background: #F5F8FA;}
.dn-list ul li .dn-li-in i{display: block; width: 1.48rem;height: 1.48rem;margin: 0 auto;}
.dn-list ul li .dn-li-in p{font-size: .48rem;color: #333;text-align: center;}
/* banner */
.idx-banner-wrap{margin: 0 .48rem .48rem;}
.swiper-banner {width: 100%;border-radius: .24rem;overflow: hidden;}
.swiper-banner .swiper-slide {
    text-align: center; font-size: 18px; background: #fff;
    display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; 
    -webkit-box-pack: center; -ms-flex-pack: center; 
    -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;
    -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}
.swiper-banner .swiper-pagination{font-size: 0;bottom: .4rem;}
.swiper-banner .swiper-pagination-bullet{background: #fff;width: .16rem; height: .16rem;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .16rem;}
.swiper-banner a,.swiper-banner img{display: block;width: 100%; height: 3.2rem;}
/* recommend */
.idx-recommend-wrap{padding: .8rem .96rem;background: #fff;border-radius: .32rem .32rem 0 0;}
.idx-recommend-top{padding-bottom: .64rem;}
.go-my-follow{position: relative;font-size: .56rem;color: #0089E4;line-height: 1;padding: .12rem .64rem .12rem 0;}
/* nav */
.nav-swiper{padding-right: .4rem;margin-bottom: .16rem;}
.nav-swiper .swiper-container {position: relative;width: 100%;height: 1.36rem;}
.nav-swiper .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: auto;}
.nav-all-con{display: none;}
.nav-swiper .swiper-slide a,
.nav-all-con ul li a{display: block; padding: 0 .64rem;height: 1.28rem;background: rgba(0, 137, 228, 0.02); border:1px solid #E0E0E0;border-radius: .16rem; font-size: .56rem;color: #999; line-height: 1.28rem;margin-right: .48rem;}
.nav-swiper .swiper-slide a.curr,
.nav-all-con ul li a.curr{background: #cce7fa;border:1px solid #cce7fa;color: #0089E4;}
.nav-swiper .swiper-container{bottom: 0;}

.nav-all{position: absolute;top: 0;right: -.32rem;width: 1.2rem;height: 1.34rem;background: #fff;z-index: 100;}
.stateDown{display: block; width: .52rem; height: .32rem;margin:.52rem auto 0; background-position: 0 -22rem; }
.stateUp{background-position: right -22rem;}
.nav-all-con{background: #fff; position: relative; z-index: 99;}
.nav-all-con ul li{float: left;}
.nav-all-con ul li a{margin-bottom: .32rem;}
/* list */
.re-li{padding: .8rem 0;border-top: 1px solid #E0E0E0;}
.re-li:first-child{border-top: 0;}
.re-li .li-title{font-size: .72rem;color: #222;line-height: .96rem;margin-bottom: .16rem;font-weight: bold;}
.re-li .li-text{font-size: .56rem;color: #666;line-height: .8rem;font-weight: normal; max-height: 1.6rem;}
.re-li .li-info{font-size: .48rem;color: #999;line-height: 1.4;font-weight: normal;max-height: .66rem;}
.li-video .li-pic{margin-left: .32rem;position: relative;border-radius: .16rem; overflow: hidden;}
.li-video .li-pic,.li-video .li-pic img{width: 5.12rem;height: 2.88rem;}
.li-video .li-pic .icon-play{position: absolute;top: 50%;left: 50%;width: 1.28rem;height: 1.28rem;margin: -.64rem 0 0 -.64rem;background-position: center -20rem;}
.li-video .li-title{height: 1.92rem;}
.li-voice .li-text{margin-bottom: .32rem;}
.li-article .li-text{margin-bottom: .48rem;}
.li-ask .li-text{position: relative; background: #F5F8FA; padding: .24rem .48rem;border-radius: .32rem;margin: .16rem 0 .48rem;max-height: 2.08rem;}
.li-ask .li-text:after{
	content: ' ';position: absolute;top: -.16rem;left: 1.12rem; width: .32rem;height: .32rem;background: #F5F8FA;-webkit-transform:rotate(45deg); transform:rotate(45deg);
}
.li-ask .icon-ask{width: .72rem;height: .92rem;background-position: center -18rem;margin-right: .16rem;}
.li-voice-wrap{margin-bottom: .64rem;}
.li-voice-wrap .doc-pic{border-radius: 50%;overflow:hidden;margin-right: .32rem;}
.li-voice-wrap .doc-pic,.li-voice-wrap .doc-pic img{width: 1.28rem;height: 1.28rem;}
.li-voice-wrap .li-voice-bar{width: 6.4rem;height: 1.28rem;border-radius: 1.28rem;background: rgba(0,137,228,.5);padding: 0 .64rem 0 .4rem;font-size: .48rem;color: #fff;}
.li-voice-wrap .li-voice-bar .icon-voice{width: .72rem;height: .56rem;background-position: center -19rem;margin-right: .4rem;}
.re-list-no{padding: 2rem .6rem;font-size: .64rem;color: #666;text-align: center;}
/* icon */
.icon-magnifier, .ask-icon,.idx-dept-more:after,.stateDown,
.li-video .li-pic .icon-play,.li-ask .icon-ask,.li-voice-wrap .li-voice-bar .icon-voice,
.go-my-follow:after{
	background-image: url('../../../images/youlai/patient/index/index_icon01.png');
	background-size: 2rem 24rem;background-repeat: no-repeat;
}
.tinfo,.bromptbottom{font-size: .48rem;color: #666;text-align: center;padding: .8rem 0;}

/* 语音播放按钮 */
.li-voice-wrap .li-voice-bar .icon-voice{width: .76rem;height: .72rem;background-position: center -18.92rem;margin-right: .36rem;}
.li-voice-wrap .li-voice-bar .play{
	background-image: url('../../../images/youlai/patient/icon/voiceplay/list_voice_play.gif');
	background-repeat:no-repeat; background-size:.96rem .96rem;background-position: -.08rem -.08rem;
}
.li-voice-wrap .li-voice-bar .loading{ 
	background-image: url('../../../images/youlai/patient/icon/voiceplay/list_voice_loading.gif');
	background-size:.72rem .72rem;background-repeat: no-repeat;background-position: 0 0;
}
.li-voice-wrap .li-voice-bar .error{
	background-image: url('../../../images/youlai/patient/icon/voiceplay/list_voice_error.png');
	background-size:.72rem .72rem;background-repeat: no-repeat;background-position: 0 0;
}













 